<!--
 * @Author: 陈伟 chenwei@duoliheng.com
 * @Date: 2022-11-04 14:43:58
 * @LastEditors: 陈伟 chenwei@duoliheng.com
 * @LastEditTime: 2023-01-10 09:05:28
 * @FilePath: \cool.front\src\views\orderCenter\ordersTactics\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <!-- 派单策略 -->
  <div class="page">
    <el-tabs
      ref="ordersTactics"
      v-model="activeTabName"
      type="card"
    >
      <el-tab-pane v-if="$hasTabPermission(50501)" label="模板中心" name="sendOrdersTactics">
        <sendOrdersTactics ref="sendOrdersTactics" />
      </el-tab-pane>
      <el-tab-pane v-if="$hasTabPermission(50502)" label="策略配置" name="sendOrdersSetting">
        <sendOrdersSetting ref="sendOrdersSetting" />
      </el-tab-pane>
      <el-tab-pane v-if="$hasTabPermission(50503)" label="策略日志" name="sendOrdersLog">
        <sendOrdersLog ref="sendOrdersLog" />
      </el-tab-pane>
      <!-- <el-tab-pane label="派单规则" name="sendOrdersRule">
        <sendOrdersRule v-if="$hasTabPermission(50504)" ref="sendOrdersRule" />
      </el-tab-pane> -->
    </el-tabs>
  </div>
</template>

<script>
  import sendOrdersTactics from './sendOrdersTactics'
  import sendOrdersSetting from './sendOrdersSetting'
  import sendOrdersLog from './sendOrdersLog'
  // import sendOrdersRule from './sendOrdersRule'
  export default {
    name: 'ordersTactics',
    components: {
      sendOrdersTactics, sendOrdersSetting, sendOrdersLog
      // sendOrdersRule
    },
    data() {
      return {
        activeTabName: 'sendOrdersTactics'
      }
    },
    computed: {

    },
    async created() {
    },
    mounted() {
      this.activeTabName = this.$refs.ordersTactics.panes.length > 0 ? this.$refs.ordersTactics.panes[0].name : ''
    },
    methods: {
    }
  }
</script>

<style lang="scss" scoped>
.page {
  padding: 0;
  margin: 0;
  /deep/.el-tabs__header {
    margin: 0 0 10px;
  }
}
</style>
